<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/liebiao.css">
</head>
<body>
    <header></header>
    <main>
        <div class="top">
            <div class="top-">
                <div class="top-left"><a href=""> Jordan男女装/运动户外.. &nbsp;&nbsp;&nbsp; 2折起</a>
                </div>
                <div class="top-right"><a href=""><span style="color: #f10180;">收藏品牌</span> (428,200) 
                </a></div>
            </div>
        </div>
        <div class="news">
            <div class="list" style="display: flex;justify-content: flex-start;">
                <h3>品类</h3>
                <div class="list_1">
                    <a href="">运动裤</a>
                    <a href="">运动T恤</a>
                    <a href="">男士卫衣</a>
                    <a href="">运动外套</a>
                    <a href="">女款卫衣</a>
                    <a href="">运动薄背心</a>
                    <a href="">户外风衣</a>
                    
                </div>
                <span>+更多</span>
            </div>
            <div class="list" style="display: flex;justify-content: flex-start;">
                <h3>尺码</h3>
                <div class="list_1">
                    <a href="">XXS</a>
                    <a href="">XS</a>
                    <a href="">S</a>
                    <a href="">M</a>
                    <a href="">L</a>
                    <a href="">XL</a>
                    <a href="">2XL</a>
                    <a href="">3XL</a>
                    <a href="">4XL</a>
                    <a href="">5XL</a>
                </div>
                <span>+更多</span>
            </div>
            <div class="list" style="display: flex;justify-content: flex-start;">
                <h3>使用性别</h3>
                <div class="list_1" style="display: flex;justify-content: flex-start;">
                    <a href="">男士</a>
                    <a href="" style="margin-left: 50px;">女士</a>
                    
                    
                </div>
                <span>+更多</span>
            </div>
            <div class="list" style="display: flex;justify-content: flex-start;border: none;">
                <h3>裤长</h3>
                <div class="list_1" style="display: flex;justify-content: flex-start;" >
                    <a href=""  style="margin-right: 50px;">超短裤/热裤</a>
                    <a href=""  style="margin-right: 50px;">短裤</a>
                    <a href=""  style="margin-right: 50px;">五分裤</a>
                    <a href=""  style="margin-right: 50px;">长裤</a>
                    
                </div>
                <span>+更多</span>
            </div>
            <div class="dengduo"><a href="">更多选项</a> </div>
            <div id="filter">
				<div id="piece">
					<p>综合</p>
					<p>价格</p>
					<p>折扣</p>
					<p>销量</p>
				</div>
				<div id="Interval">
					<input type="text" placeholder="¥"><span>-</span>
					<input type="text" placeholder="¥">
				</div>
				<div id="filter_right">
					<a href="#">下一页 &gt;</a>
					<a href="#" class="era">&lt;</a>
					<a href="#" class="thr_a"><span>1</span>/5</a>
				</div>
			</div>
        </main>
            <section  style="display: flex;justify-content: flex-start;flex-wrap: wrap;width: 1173px;margin: auto;" id="box0">
                <!-- <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div> -->
                <!-- <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div>
                <div class="tuji">
                    <dl>
                        <dt>
                            <img src="../img/liebiaoimg/1096444919-3622378590025666560-3622378590025670658-1_353x353_90.jpg" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥129</span>
                                <span class="text3">￥229</span>
                                <span class="text4">5.7折</span>
                            </p>
                            <p class="p2">AIR JORDAN系列运动针织男装短袖T恤
                                </p>
                            <p class="p3">券￥15</p>
                        </dd>
                    </dl>
                </div> -->
                <div id="footer">
                    <div id="center">
                        <span id="footer_1">共1页</span>
                        <span id="footer_2">1</span>
                    </div>
                </div>


            </section>
            
            <!-- <div id="footer">
				<div id="center">
					<span id="footer_1">共1页</span>
					<span id="footer_2">1</span>
				</div>
			</div> -->
    

    <footer></footer>
</body>
</html>
<script src="../js/jQuery.js"></script>
<script>
    $("header").load("header.html")
    $("footer").load("footer.html")
    let str=" ";
    $.get('../goodsAndShoppingCart/getGoodsList.php',{typeId:'001'},function(data){
        console.log(data);
        var goodlist=JSON.parse(data)
        console.log(goodlist);
        goodlist.forEach(element => {
            str+=` <div class="tuji"  onclick='location.href="xiangqing.html?goodsid=${element.goodsId}"'>
                    <dl>
                        <dt>
                            <img src="${element.goodsImg}" alt="">
                        </dt>
                        <dd>
                            <p class="p1">
                                <span class="text1">特卖价</span>
                                <span class="text2">￥${element.goodsPrice}</span>
                                <span class="text3">￥${element.beiyong2}</span>
                                <span class="text4">${element.beiyong3}折</span>
                            </p>
                            <p class="p2">${element.goodsDesc}
                                </p>
                            <p class="p3">券￥${element.beiyong1}</p>
                        </dd>
                    </dl>
                </div>`
                
        });
        $('#box0').html(str)
       
    })
</script>